<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>源码大数据API页</title>
		<link rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" href="../css/normalize.css" />
		<link rel="stylesheet" href="../css/common.css" />
		<link rel="stylesheet" href="../css/api-index.css" />
	</head>
	<body>
		<!-- 头部 -->
		<header class="rel">
			<div id="header" class="abs flex-sb-c">
				<p class="pl-30 b-box">
					<img src="../imgs/new-logo-white2.png" alt="图片已损坏" />
				</p>
				<ul class="flex-sb-c fz-14" id="headerNav">
					<li>
						<a href="./index.html">首页</a>
					</li>
					<li class="active">
						<a href="../html/api-index.html">API</a>
					</li>
					<li><a href="#">云服务</a></li>
					<li><a href="../html/customer.html">案例</a></li>
					<li><a href="#">开发者</a></li>
				</ul>
				<div class="pr-30 b-box ta-c  fz-9">
					<div class="btn pr-30 b-box  ta-c">
                        <a href="../html/login.html" class="btnLogin fc-black cp" ><span>登录</span></a>
                        <a href="../html/register.html" class="fc-white btnRegister cp" ><span class="bg-orig">注册有礼</span></a>
                    </div>
				</div>
			</div>
		</header>
		<!-- 主体部分 -->
		<main>
			<!-- API分类 -->
			<section id="apiSort">
				<div class="container b-box">
					<!-- 标题 -->
					<h2>API分类</h2>
					<ul id="apiVray" class="apiHover flex-s-c flex-w fz-12 ta-c"></ul>
				</div>
			</section>
			<!-- 搜索框 -->
			<section id="search">
				<div class="container searchMenu rel">
					<strong class="mr-20">全部</strong>
					<!-- <span class="fz-10 fz-ccc">身份证实名</span> -->
					<input type="text" class="fz-10 fz-ccc" value="身份证实名" />
					<img src="../imgs/magnifier.png" alt="" class="abs" />
				</div>
			</section>
			<!-- 子菜单 -->
			<section id="search">
				<div class="container">
					<ul id="searchList" class="b-box fz-13 flex-w flex-sb ta-c"></ul>
				</div>
			</section>
			<section id="paging">
				<div class="container flex-ai-c ta-c">
					<ul id="pagingation" class="flex-se-c b-box ta-c">
						<li class="active">1</li>
						<li>2</li>
						<li>3</li>
						<li>4</li>
					</ul>
				</div>
			</section>
		</main>
		<!-- 尾部 -->
		<footer class="rel">
			<div class="container rel">
				<!-- 子列表区 -->
				<div class="childList flex-sb">
					<!-- 上面 -->
					<ul>
						<p>联系与支持</p>
						<li>400-882-7715</li>
						<li>售前咨询</li>
						<li>客服&售后</li>
						<li>常见问题</li>
						<li>极速工单</li>
						<li>投诉与建议</li>
					</ul>
					<ul>
						<p>关于源码</p>
						<li>合作伙伴</li>
						<li>服务条款</li>
						<li>隐私政策</li>
						<li>市场合作</li>
						<li>反商业贿赂声明</li>
					</ul>
					<ul>
						<p>快速入口</p>
						<li>API数据</li>
						<li>黑钻会员</li>
						<li>新闻动态</li>
						<li>联系我们</li>
						<li>加入我们</li>
					</ul>
					<ul>
						<p>产品服务</p>
						<li>云监测</li>
						<li>云查询</li>
						<li>云助手</li>
						<li>聚盒子</li>
						<li>云充值</li>
					</ul>
					<ul>
						<p>解决方案</p>
						<li>数字中台</li>
						<li>慧集</li>
						<li>API生命周期管理</li>
						<li>有赢</li>
						<li>助力企业营销</li>
					</ul>
				</div>
				<!-- 二维码 -->
				<div class="official abs">
					<h6 class="fc-black fz-13 mb-14">微信公众号</h6>
					<p>源码时代</p>
					<p>
						<img src="../imgs/103-demo.png" alt="图片已损坏" />
					</p>
				</div>
				<!-- 版权 -->
				<div class="copy fz-12 mt-25 flex-sb">
					<p>
						<span>
							<img src="../imgs/bei1.png" alt="图片已损坏" />
						</span>
						<span> <img src="../imgs/bei2.png" alt="图片已损坏" /> </span
						>增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
					</p>
					<p>源码大数据股份有限公司&copy;版权所有</p>
				</div>
			</div>
			<!-- 回到顶部 -->
			<div class="goTop abs b-box"></div>
		</footer>
		<!-- 蒙层 -->
		<div class="mask ta-c">
			<!-- 登录框 -->
			<div class="loginModal b-box ta-c">
				<!-- logo -->
				<div class="loginModalLogo"></div>
				<!-- tab区 -->
				<div class="loginModalTab">
					<a class="pActive" href="javascript:void 0">账号登录</a>
					<i></i>
					<a href="javascript:void 0">扫码登录</a>
				</div>
				<!-- 表单区 -->
				<form
					id="QRForm"
					action="index.html"
					method="post"
					display="none"
				>
					<p id="loginUser">
						<i></i>
						<input type="text" placeholder="用户名/手机号/邮箱" />
					</p>
					<p id="loginPwd">
						<i></i>
						<input type="password" placeholder="密码" />
					</p>
					<p id="forgetPwd" class="text-r">
						<a href="#">忘记密码</a>
					</p>
					<input type="submit" value="登录" />
					<p class="text-r">
						还没有源码账号, <a href="../html/register.html">立即注册 &gt;</a>
					</p>
				</form>
				<!-- 二维码表单 -->
				<form
					id="QRForm"
					action="index.html"
					method="post"
					display="none"
				>
					<div class="flex-c-c">
						<img src="../imgs/showqrcode.jpg" alt="图片已损坏" />
						<p>微信扫码登录</p>
						<p>未关注源码科技公众号，请先关注后再登录</p>
					</div>
					<!-- 立即注册 -->
					<p class="text-l">还没有源码账号， <a href="../html/register.html">立即注册 &gt;</a></p>
				</form>
			</div>
		</div>
		<script src="../js/util.js"></script>
		<script src="../js/api-index.js"></script>
	</body>
</html>
